// 安装过程
<template>
  <van-popup
      v-model="visible"
      position="bottom"
      class="popup-bg"
      get-container="body"
      :style="{ height: '100%', background: '#F4F6F9' }"
      :lock-scroll="false"
  >
    <f7-page class="common-page page-tab has-bottom-btns">
      <f7-navbar>
          <f7-nav-left>
              <f7-link @click="fnColse" icon-material="chevron_left" force></f7-link>
          </f7-nav-left>
          <f7-nav-title>现场拍照</f7-nav-title>
          <f7-nav-right></f7-nav-right>
      </f7-navbar>
      <div class="common-page-content">
        <v-picture-list
            v-if="formId&&equipmentType"
            :props="{ name: 'customName' }"
            :disabled="disabled"
            listName="list7"
            title="管理人员到位情况（现场拍摄）"
            :typeCode="typeCodeList[0]"
            :dataKey="formId"
            :attachCraneType="equipmentType"
            @onAfterQuery="(val)=>list7=val"
            ref="list7"
            :opened="false"
        ></v-picture-list>
        
        <v-picture-list
            v-if="formId&&equipmentType"
            :props="{ name: 'customName' }"
            :disabled="disabled"
            listName="list8"
            title="作业过程拍照"
            :typeCode="typeCodeList[1]"
            :dataKey="formId"
            :attachCraneType="equipmentType"
            @onAfterQuery="(val)=>list8=val"
            ref="list8"
            :opened="false"
        ></v-picture-list>
        <!-- <f7-toolbar position="bottom" no-shadow class="fff">
          <van-row>
            <van-col :span="24">
              <f7-button fill class="submit-btn" @click="fnSubmit()">提交</f7-button>
            </van-col>
          </van-row>
        </f7-toolbar> -->
      </div>
    </f7-page>
  </van-popup>
</template>

<script>
import Config from "@/libs/config.js";
export default {
  components: {},
  props: {
      value: {
          type: Boolean,
          default: false,
          required: true,
      },
      // 操作后自动关闭组件
      autoClose: {
          type: Boolean,
          default: true,
      },
      url: {
          type: String,
      },
      disabled:{
        type: Boolean,
        default: false,
      },
      formId:String,
      equipmentType:String,
      typeCodeList:Array
  },
  data () {
      return {
          models: {
            process:{
              checkTime:'',
              isRequire:true,
              checkMemo:''
            }
          },
          list7:[],
          list8:[],
      }
  },
  computed: {
      visible: {
          get() {
              return this.value
          },
          set(val) {
              this.$emit('input', val)
          },
      },
  },
  methods: {
    savePart(){},
    checkPerson(){},
    onClickTab(name, title){
      this.activeTab=name
    },
    fnSubmit(){
      this.autoClose && this.fnColse()
      this.$emit('save')
    },
    // 关闭组件
    fnColse() {
        this.visible = false
    },
  },
  mounted () {},
}
</script>

<style lang="less" scoped>
@import url('../../../../assets/css/commonPage.less');
.submit-btn {
    flex: 1;
    margin: 0 10px;
    border-radius: 24px;
}
/deep/ .accordion{
  background: #fff;
  margin-top: 10px!important;
}
</style>
